﻿/*Begin grid control*/
.mGrid { width: 100%; font-size:12px; background-color: #fff; color:White; margin: 0px 0 10px 0; border: none;  }   
.mGrid td {padding: 2px; border: solid 1px #e4e3e3;color: #000; border-left: none; margin: 0px;}   
.mGrid th { height: 28px; margin: 0px; padding: 0px 2px; 
	background:#e4efff url(bg_title_luoi.gif) repeat-x bottom left; color:#000; text-transform: capitalize;
  text-align: left; border-top:none; border-bottom: none; border-left: none; border-right: 1px solid #cbcbcb; font-weight: normal;
}

.mGrid th input[type=checkbox]{padding-left: 5px;}
.mGrid th:hover{background:#e5f0ff url(bg_title_luoi_hover.gif) repeat-x top left; height: 28px;  }
.mGrid th a {padding: 7px 3px; color: #000; text-decoration:none; text-align: left; width: auto;}   
.mGrid th a:hover{text-decoration: underline;}
.mGrid .alt { background-color: #edf5ff;  }   
.mGrid .pgr { font-size: 12px; }   
.mGrid .pgr table { margin: 3px 0; background-color: #fff; }   
.mGrid .pgr td { color: #a6a6a6;  font-size: 12px; border: none; background-color:#fff;  }      
.mGrid .pgr a { color: #0066cc; text-decoration: none; border: 1px solid #cccccc ; padding: 2px 5px; display: block; }   
.mGrid .pgr a:hover { color: #000; text-decoration: none; }
.mGrid .pgr span{ background-color: #f2f2f2; border: 1px solid #cccccc ; padding: 2px 5px; display: block;}
/*clas datagrid*/
.clsDataGrid{width: 99%; background-color: #fff; color:White; margin: 0px 0 10px 0; border: solid 1px #c1c1c1; border-top: none; border-collapse:collapse; }
.clsDataGrid .clsHeaderDataGrid{background:#f2ecec url(bg_title_luoi.gif) repeat-x bottom left; color:#0c3f76;border-left: solid 1px #c1c1c1; font-weight:bold; text-align: center;}  
.clsDataGrid .clsHeaderDataGrid a {padding: 4px 2px; color: #0c3f76;}   
.clsDataGrid .clsAltDataGrid{background: #fcfcfc url(grd_alt.png) repeat-x top; padding: 3px 3px; border: solid 1px #c1c1c1;color: #000;}
.clsDataGrid .clsAltDataGrid a{color: #000;}
.clsDataGrid .clsItemDataGrid{padding: 3px 3px; border: solid 1px #c1c1c1;color: #000;}
.clsDataGrid .clsItemDataGrid a{color: #000;}

.dGrid { width: 100%; font-size:12px; background-color: #fff; color:#000; margin: 10px 0 10px 0; border: none;  }
.dGrid .dHeader { height: 28px; margin: 0px; padding: 0px 5px; 
	background:#e4efff url(bg_title_luoi_dGrid.png) no-repeat bottom right; color:#000; text-transform: capitalize;
  text-align: left; border:none; font-weight: normal;} 
.dGrid .dHeader:hover{background:#e5f0ff url(bg_title_luoi_dGrid_over.png) no-repeat top right; height: 28px;  }
.dGrid .dItem {padding: 1px 3px; border: none;color: #000; background: url(bg_row1.png) no-repeat bottom right; }
.dGrid .altdItem { background: url(bg_row2.png) no-repeat bottom right; padding: 1px 3px; }


/*End grid control*/

.content{margin:0px; padding:0px; width: 100%; height: 100%; background-color: #fff; border: 1px solid #808080;}
.div_format_conten {overflow: auto; text-align: center; clear:both;}
.div_sitemap_page{ width: 100%; height: 26px; background:#fec200 url(bg_sitemap.gif) repeat-x top left; float: left; } 
.div_sitemap_page .icon { height: 26px; width:20px; background:url(icon_sitemap.png) no-repeat 5px 4px; float:left; display:block;} 
.div_sitemap_page .danhmuc { padding: 5px 0px 0px 0px; float: left; text-transform: capitalize; font-family: Arial;}
.div_sitemap_page .subdanhmuc{color:#022c75; padding: 0px 5px; text-transform: inherit; font-weight: bold; text-decoration:none;}
.div_sitemap_page .subdanhmuc:hover{ text-decoration: underline;}
.div_sitemap_page .subdanhmuc-current{color: #1258a0; text-transform: inherit; font-weight: bold; padding-left: 5px;}

/* Định dạng toolbar*/
.div_conten_button { height: 30px; padding-top: 3px; clear:both; background: url(bg_sitemap.gif) repeat-x 0px -26px; z-index: 5000px; border-bottom: 1px solid #808080;}
.div_conten_button ul.item{ margin: 0px; padding: 0px 0px 5px 0px; display: block; float: left; }
.div_conten_button ul.item li { list-style: none; float:left; padding: 0px; margin-left: 3px; }
.DinhDangToolBar{border:0px; width:100%; float:left;}
/* Định dạng hiện button trên toolbar - width: 62px */
.button_Toolbar{cursor:pointer; text-decoration:none;}
.button_Toolbar .swapper_bt { width: auto;  float: left; background: url(bg_button_right.png) no-repeat top right; height: 24px;}
.button_Toolbar .swapper_bt .left{ background: url(bg_button_left.png) no-repeat top left; height:24px; width: 9px; float: left;}
.button_Toolbar .swapper_bt .center{background: url(bg_button_center.png) repeat-x top left; font-size:12px;color:#000; float: left;  width: auto; text-align: left;  margin-right: 9px; padding: 0px; padding-top: 5px; padding-bottom: 5px;  }
.button_Toolbar .swapper_bt .center_huy{ background: url(bg_button_center.png) repeat-x 0px -48px; font-size:12px;color:#000; float: left; margin-right: 7px; padding-left: 20px; padding: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 18px; }
.button_Toolbar .swapper_bt .center_sua{ background: url(bg_button_center.png) repeat-x 0px -96px; font-size:12px;color:#000; float: left; margin-right: 7px; padding-left: 20px; padding: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 18px; }
.button_Toolbar .swapper_bt .center_xoa{ background: url(bg_button_center.png) repeat-x 0px -144px; font-size:12px;color:#000; float: left; margin-right: 7px; padding-left: 20px; padding: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 18px; }
.button_Toolbar .swapper_bt .center_naplai{ background: url(bg_button_center.png) repeat-x 0px -192px; font-size:12px;color:#000; float: left; margin-right: 7px; padding-left: 20px; padding: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 16px; }
.button_Toolbar .swapper_bt .center_xem{ background: url(bg_button_center.png) repeat-x 0px -240px; font-size:12px;color:#000; float: left; margin-right: 7px; padding-left: 20px; padding: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 18px; }
.button_Toolbar .swapper_bt .center_in{ background: url(bg_button_center.png) repeat-x 0px -288px; font-size:12px;color:#000; float: left; margin-right: 7px; padding-left: 20px; padding: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
.button_Toolbar .swapper_bt .center_lamlai{ background: url(bg_button_center.png) repeat-x 0px -336px; font-size:12px;color:#000; float: left; margin-right: 7px; padding-left: 20px; padding: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 18px; }
.button_Toolbar .swapper_bt .center_luu{ background: url(bg_button_center.png) repeat-x 0px -384px; font-size:12px;color:#000; float: left; margin-right: 7px; padding-left: 20px; padding: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 18px; }
.button_Toolbar .swapper_bt .center_tim{ background: url(bg_button_center.png) repeat-x 0px -432px; font-size:12px;color:#000; float: left; margin-right: 7px; padding-left: 20px; padding: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 18px; }
.button_Toolbar .swapper_bt .center_dong{ background: url(bg_button_center.png) repeat-x 0px -480px; font-size:12px;color:#000; float: left; margin-right: 7px; padding-left: 20px; padding: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
.button_Toolbar .swapper_bt .center_them{ background: url(bg_button_center.png) repeat-x 0px -528px; font-size:12px;color:#000; float: left; margin-right: 7px; padding-left: 20px; padding: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
/* Định dạng ẩn button trên toolbar - width: 62px */
.button_Toolbar_Hide{cursor:pointer;}
.button_Toolbar_Hide .swapper_bt { width: auto; float: left;  background: url(bg_button_right.png) no-repeat right -24px; height: 24px;}
.button_Toolbar_Hide .swapper_bt .left{ background: url(bg_button_left.png) no-repeat 0px -24px; height:24px; width: 9px; float: left;}
.button_Toolbar_Hide .swapper_bt .center{ background: url(bg_button_center.png) repeat-x 0px -24px; font-size:12px;color:#aca899; float: left; width: auto; text-align: center;  margin-right: 9px; padding-top: 5px; padding-bottom: 5px; }
.button_Toolbar_Hide .swapper_bt .center_huy{ background: url(bg_button_center.png) repeat-x 0px -72px; font-size:12px; color:#aca899; float: left; margin-right: 7px; padding-left: 18px; padding-top: 5px; padding-bottom: 5px; }
.button_Toolbar_Hide .swapper_bt .center_sua{ background: url(bg_button_center.png) repeat-x 0px -120px; font-size:12px; color:#aca899; float: left; margin-right: 7px; padding-left: 18px; padding-top: 5px; padding-bottom: 5px; }
.button_Toolbar_Hide .swapper_bt .center_xoa{ background: url(bg_button_center.png) repeat-x 0px -168px; font-size:12px; color:#aca899; float: left; margin-right: 7px; padding-left: 18px; padding-top: 5px; padding-bottom: 5px; }
.button_Toolbar_Hide .swapper_bt .center_naplai{ background: url(bg_button_center.png) repeat-x 0px -216px; font-size:12px; color:#aca899; float: left; margin-right: 7px; padding-left: 16px; padding-top: 5px; padding-bottom: 5px; }
.button_Toolbar_Hide .swapper_bt .center_xem{ background: url(bg_button_center.png) repeat-x 0px -264px; font-size:12px; color:#aca899; float: left; margin-right: 7px; padding-left: 18px; padding-top: 5px; padding-bottom: 5px; }
.button_Toolbar_Hide .swapper_bt .center_in{ background: url(bg_button_center.png) repeat-x 0px -312px; font-size:12px; color:#aca899; float: left; margin-right: 7px; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; }
.button_Toolbar_Hide .swapper_bt .center_lamlai{ background: url(bg_button_center.png) repeat-x 0px -360px; font-size:12px; color:#aca899; float: left; margin-right: 7px; padding-left: 18px; padding-top: 5px; padding-bottom: 5px; }
.button_Toolbar_Hide .swapper_bt .center_luu{ background: url(bg_button_center.png) repeat-x 0px -408px; font-size:12px; color:#aca899; float: left; margin-right: 7px; padding-left: 18px; padding-top: 5px; padding-bottom: 5px; }
.button_Toolbar_Hide .swapper_bt .center_tim{ background: url(bg_button_center.png) repeat-x 0px -456px; font-size:12px; color:#aca899; float: left; margin-right: 7px; padding-left: 18px; padding-top: 5px; padding-bottom: 5px; }
.button_Toolbar_Hide .swapper_bt .center_dong{ background: url(bg_button_center.png) repeat-x 0px -504px; font-size:12px; color:#aca899; float: left; margin-right: 7px; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; }
.button_Toolbar_Hide .swapper_bt .center_them{ background: url(bg_button_center.png) repeat-x 0px -552px; font-size:12px; color:#aca899; float: left; margin-right: 7px; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; }



/* Định dạng hiện button trên toolbar - width: 82px */
.button_Toolbar1{font-size:12px;color:#fff;background: #fff url(bg_button_size2.png) no-repeat 0px 0px;height:25px; width: 82px;  font-weight: bold; font-family: Arial, Tahoma; cursor:pointer; text-align:center; border: 0px; }
/* Định dạng ẩn button trên toolbar - width: 82px */
.button_Toolbar_Hide1{font-size:12px;color:#fff;background: #fff url(bg_button_size2.png) no-repeat 0px -25px;height:25px; width: 82px;font-weight: bold; font-family: Arial, Tahoma; cursor:pointer; text-align:center; border: 0px;}


/*Begin style MyMessageBox*/
.container{margin: 0px 5px; padding: 0px; text-align: left; width: 99%; font-size: 13px;}
.container img {border: none;}
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 7px 0px;
    padding: 5px 0px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('warning.png');
}
.error{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('error.png');
}
.info p, .success p, .warning p, .error p {padding: 0px 50px;}
.info a, .success a, .warning a, .error a {float: right; cursor:pointer; padding-right : 5px;}
/*End style MyMessageBox*/

/*modal*/
.modalBackground {background-color:#000; filter:alpha(opacity=70); opacity:0.7;}
.modalPopup {background-color:#edf3fb; border:solid 1px #808080; width: 300px; text-align: center; z-index: 1000000000; position: absolute ; display: block;}
.modalPopup .clsTitlePopup { width: 100%; float: left; background:#e5f0ff url(bg_title_popup.gif) repeat-x bottom left; border-bottom: 1px solid #cccccc; margin:0px; padding:0px; font-weight: bold; text-transform:uppercase; display: block; }
.modalPopup .clsTitlePopup .clsTitlePopup-left{float: left; margin: 0px; padding: 6px; font-family: Arial; font-size: 12px;}
.modalPopup .clsTitlePopup .clsTitlePopup-right{ float: right; padding:6px; }
.modalPopup .clsContentPopup{ text-align: center; margin: 10px ; padding: 0px; float: left; display: block;  width: 100%; }
.modalPopup .clsContentPopup .format_file{width: 270px; margin: 0px; padding: 0px;  position: relative; display: block; float: left; height: 70px; }
.modalPopup .clsContentPopup .format_file .word{ width: 75px; background:url(Icon_File_in_word.png) no-repeat 0px 0px; font-size: 11px; font-family: Arial, Tahoma; float: left; padding-top: 40px; padding-bottom: 10px; margin: 0px; margin-left: 35px; position: absolute; top: 0px; left: 10px; }
.modalPopup .clsContentPopup .format_file .excel{ width: 75px; background:url(Icon_File_in_excel.png) no-repeat 0px 0px; float: left; padding-top: 40px; padding-bottom: 10px; font-size: 11px; font-family: Arial, Tahoma; margin: 0px; position: absolute; top: 0px; left: 113px;} 
.modalPopup .clsContentPopup .format_file .pdf{ width: 75px; background:url(Icon_File_in_pdf.png) no-repeat 0px 0px; float: left; padding-top: 40px; padding-bottom: 10px; font-size: 11px; font-family: Arial, Tahoma; position: absolute; top: 0px; left: 180px; }
.swap_button{ width: auto; padding-top: 5px; display: block; clear: both;  }
.clsrdoPrint{ font-size: 14px; font-weight: bold;  display: block; margin-top: 45px;  }
.clsrdoPrint input{margin-right: 5px;}
.clsrdoPrint label{padding-right: 20px;}

/*toolbar*/
.DinhDangToolBar{border:0px; width:100%; float:left;}
/**/

/*search*/
.clsSearch {width: 100%; float: left; margin-bottom: 5px;font-size: 12px;}
.clsSearch .clsSearch-row{ width: 99%; float: left; padding-top: 5px;}
.clsSearch .clsSearch-col{ width: auto; float: left; padding-left: 5px;}
/* ĐỊNH TABLE */
.clsTable{ width: auto; margin-top: 10px; float: left; font-size:12px;}
.clsTable .clsTr{float:left; margin: 0px ; padding: 2px;	width: 99%;}
.clsTable .clsTr .clsTd-Left-130{width: 125px; float:left; text-align: left; padding-left: 5px;}
.clsTable .clsTr .clsTd-Right{ width: auto; float: left; padding-left: 5px; text-align: left;}
.clsTable .line{ width: 99%; height: 1px; background-color:#cbcbcb; margin: 10px auto; float: left;}

/*.clsTable .clsTr .clsTd-Left-500{width:500px; height:auto; float:left; text-align:Left;}
.clsTable .clsTr .clsTd-Right-260{width:260px; height:24px; float:left; text-align:Left;}
.clsTable .clsTr .clsTd-Left-110{width: 100px; float:left; text-align: left; padding-left: 5px;}
.clsTable .clsTr .clsTd-Right-200{width:200px; height:24px; float:left;text-align:Left;}
.clsTable .clsTr .clsTd-Right-460{width: 455px; text-align: left; padding-left: 5px;}*/
/* ĐỊNH TABLE*/

/*Dinh dang text*/
/*.clsTable input[type=text]{background-color: #fff;}*/
.clsInputText_50{padding: 0px 1px; color: #000; width: 50px; height: 22px; text-align: left;}
.clsInputText_70{padding: 0px 1px; color: #000; width: 70px; height: 22px; text-align: left;}
.clsInputText_100{padding: 0px 1px; color: #000; width: 110px; height: 22px; text-align: left;}
.clsInputText_150{padding: 0px 1px; color: #000; width: 150px; height: 22px; text-align: left;}
.clsInputText_200{padding: 0px 1px; color: #000; width: 200px; height: 22px; text-align: left;}
.clsInputText_250{padding: 0px 1px; color: #000; width: 250px; height: 22px; text-align: left;}
.clsInputText_300{padding: 0px 1px; color: #000; width: 300px; height: 22px; text-align: left;}

.text_normal{font-size: 12px;color:#000;padding-left:2px;}
.text_bold{font-size:12px;color:#000;	font-weight:bold;}
.text_normal_red{font-size:12px;color:Red;}
.text_bold_red{font-size:12px;color:red;font-weight:bold;}
.text_bold_red9{font-size:12px;color:Red;font-weight:bold;}
.text_italic_red{font-size:9pt;color:Red;font-style:italic;}
.btn_date{	
	height:17px;width:18px; font-weight:bold;color:#0a4c7f;
	background:url(icon_date_18x17.gif) repeat 0px 0px;
	border-left:0px;border-top:0px;	
	border-right:1px solid #448daa;
	border-bottom:1px solid #448daa;
	cursor: pointer;
}
.btn_50 {width: 50px; font-weight: bold; cursor: pointer; color:#0a4c7f; font-size: 11px; margin: 0px; padding: 0px;}
.btn_70 {width: 70px; font-weight: bold; cursor: pointer; color:#0a4c7f; font-size: 11px; margin: 0px; padding: 0px;}
.btn_80 {width: 80px; font-weight: bold; cursor: pointer; color:#0a4c7f; font-size: 11px; margin: 0px; padding: 0px;}
.btn_100 {width: 100px; font-weight: bold; cursor: pointer; color:#0a4c7f; font-size: 11px; margin: 0px; padding: 0px;}
.button_print_popup{ background:url(button_popup_print.png); width: 70px; height: 24px; border: none; text-align: left; padding-left: 25px; cursor: pointer; }
.button_close_popup{ background:url(button_popup_close.png); width: 70px; height: 24px; border: none; text-align: left; padding-left: 25px; cursor: pointer; }

/* BEGIN POPUP FORM ĐIỀU KIỆN TÌM KIẾM */
.modalBackground-filter{background-color:#000; filter:alpha(opacity=70); opacity:0.7;}
.modalPopup-filter {background-color:#fff;border:solid 5px #326e00;width:500px; height:auto;}
.clsTable-filter{width:500px; float:left; height:auto; padding-bottom:20px;}
.clsTable-filter .clsheader-filter{width:100%; background: #b1e37f;height:20px;}
.clsTable-filter .clsheader-filter-left{width:398px; float:left; text-align:left;font-weight:bold; padding-top:5px;}
.clsTable-filter .clsheader-filter-left span{font-size:12; font-weight:bold;}
.clsTable-filter .clsheader-filter-right{width:100px; float:left; text-align:right;}

.clsTable-filter .clscontent-filter{width:100%; padding-top:10px;}
.clsTable-filter .clscontent-filter .clscontent-filter-row{width:100%; height:25px;}
.clsTable-filter .clscontent-filter .clscontent-filter-row .clscontent-filter-left{width:150px; float:left; text-align:right; padding-right:5px;}
.clsTable-filter .clscontent-filter .clscontent-filter-row .clscontent-filter-right{width:340px; float:left; text-align:left; padding-left:5px;}

.clsTable-filter .clschucnang-filter{width:100%; padding-left:0px;padding-top:14px;}
/* END POPUP FORM ĐIỀU KIỆN TÌM KIẾM */


/*Begin Định dạng datagrid trên form*/
.subcontent{ display: block; margin: 0px; padding: 0px;  margin-bottom: 10px; width:100%;   }/*border-bottom: 7px solid #000; */
.DinhDangDatagrid{border-color:#C5B899;width:100%; }
.gvStyles_SelectRow{background-color:#fff;font-weight:bold;}
.gvStyles_AlternatingRow{ background-color:#fff;text-align:left; background:url(dot.gif) repeat-x bottom left; }
.gvStyles_RowStyle{background-color:#ffffff;text-align:left; background:url(dot.gif) repeat-x bottom left;}
.gvStyles_HeaderStyle{text-align:left; background:#f2ecec url(bg_title_luoi.gif) repeat-x bottom left; color:#0c3f76; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.gvStyles_HeaderStyle a{ text-decoration:none; color:#0c3f76;}
.gvStyles_FooterStyle{ background-color:Gray;color:#C00000;}
.gvpadding_header{padding: 0px 3px;}
.gvpadding{padding: 3px;}

/*style list box*/
.clslistbox{width: 200px; height: 200px; float: left; margin-top: 5px; margin-bottom: 5px;}
.clslistbox option{padding: 2px 2px;}
.bg_blue{ background-color: #edf5ff; padding: 10px 0px; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; width: 100%;}